<%--
 - Copyright (c) 2009-2011 ETCORE Labs. All rights reserved. 
 - 
 - This software is the confidential and proprietary information of ETCORE Labs. 
 - You shall not disclose such confidential information and shall use it only
 - in accordance with the terms of the license agreement you entered into
 - with ETCORE Labs.
 -
 - Support can be obtained from support forums at:
 - http://www.etcore.com/
 -
 - @author: ETCORE GroupTalk developers
 -
 --%>
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://jakarta.apache.org/taglibs/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.etcore.com/grouptalk" prefix="grouptalk"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><c:out value="${context.title }" /></title>
<link rel="stylesheet" href="/group/css/styles.css" type="text/css">
<link rel="stylesheet"
	href="/group/ui-component/chart/styles/flowchart.css" type="text/css">

<script>
function showUserActivityDegree(days){
 
//var d7=document.getElementById('d7');	
var d31=document.getElementById('d31');	
var d365=document.getElementById('d365');
 
//var degrees7=document.getElementById('degrees7');	
var degrees31=document.getElementById('degrees31');
var degrees365=document.getElementById('degrees365');	

if(days==7){
 
	//degrees7.style.display="";	
	degrees31.style.display="none";
	degrees365.style.display="none";
	
 
	//d7.style.color="red";	
	d31.style.color="#999999";
	d365.style.color="#999999";

}else if (days==31){
 
	//degrees7.style.display="none";	
	degrees31.style.display="";
	degrees365.style.display="none";
 
	//d7.style.color="#999999";	
	d31.style.color="red";
	d365.style.color="#999999";
}else if(days==365){
 
	//degrees7.style.display="none";	
	degrees31.style.display="none";
	degrees365.style.display=""; 
	//d7.style.color="#999999";	
	d31.style.color="#999999";
	d365.style.color="red";

}
}

</script>

</head>

<body>




<table width="240" bgcolor="white" border="0" cellspacing="0"
	cellpadding="0">
	<tr>
		<td valign=bottom><img src="/group/images/bg_top.gif" alt="" /></td>

	</tr>

	<tr>
		<td class="bgtd" valign=top align=center style="height: 25px">
		<table cellspacing=0 cellpadding=0 width=100%
			style="position: relative; top: -8;" align=center>
			<tr>
				<td colspan=2 align=center><%-- <a id=d7 href="#"
					onclick="showUserActivityDegree(7)">1 <c:out
					value='${context.week}' /></a>&nbsp;|&nbsp; --%>
					
					<a id=d31 href="#"
					onclick="showUserActivityDegree(31)">1 <c:out
					value='${context.month}' /></a>&nbsp;|&nbsp;<a id=d365 href="#"
					onclick="showUserActivityDegree(365)">1 <c:out
					value='${context.year}' /></a></td>
			</tr>
			<tr>
				<td
					style="font-size: 12px; font-weight: bold; color: #808080; border-bottom: 1px solid #d2d2d4">&nbsp;<c:out
					value='${context.active_users }' /></td>
				<td nowrap align=right
					style="border-bottom: 1px solid #d2d2d4; font-size: 12px; color: #808080">${context.user_messages}&nbsp;</td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>



		<td class="bgtd" valign=top>
<%-- 
		<div id=degrees7 style="position: relative; width: 100%; margin-top: -5;">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">

			<c:forEach var="activeUser" items="${degrees7 }">
				<c:url value="viewUser${context.postfix}" var="userUrl">
					<c:param name="targetUserName" value="${activeUser[0] }" />
				</c:url>
				<tr>
					<td style="font-size: 12px; color: #005EAC;border-bottom:1px dashed #d2d4d2"  width=40 align=center><a
						style="font-size: 12px; color: #005EAC" href="/group/${userUrl }"><c:if
						test="${not empty activeUser[2]&&fn:indexOf(activeUser[2],'upload')!=-1 }">
						<img src="${activeUser[2]}" width=24 border=0 />
					</c:if><c:if
						test="${empty activeUser[2]||fn:indexOf(activeUser[2],'upload')==-1 }">
						<img src="/group/images/avatar/avatar.jpg" width=24 border=0 />
					</c:if> </a></td>
					<td style="border-bottom:1px dashed #d2d4d2"><a style="font-size: 12px; color: #005EAC"
						href="/group/${userUrl }"><c:out value='${activeUser[0] }' /></a></td>
					<td style="border-bottom:1px dashed #d2d4d2" width=60 nowrap align=center><a style="font-size: 12px; color: #808080"
						href="/group/${userUrl }"><c:out value='${activeUser[1] }' /></a></td>

				</tr>
			</c:forEach>



		</table>
		</div>
--%>

		<div id=degrees31 style="position: relative; width: 100%; margin-top: -5;">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">

			<c:forEach var="activeUser" items="${degrees31 }">
				<c:url value="viewUser${context.postfix}" var="userUrl">
					<c:param name="targetUserName" value="${activeUser[0] }" />
				</c:url>
				<tr>
					<td style="font-size: 12px; color: #005EAC; border-bottom:1px dashed #d2d4d2" width=40 align=center><a
						style="font-size: 12px; color: #005EAC" href="/group/${userUrl }"><c:if
						test="${not empty activeUser[2]&&fn:indexOf(activeUser[2],'upload')!=-1 }">
						<img src="${activeUser[2]}" width=24 border=0 />
					</c:if><c:if
						test="${empty activeUser[2]||fn:indexOf(activeUser[2],'upload')==-1 }">
						<img src="/group/images/avatar/avatar.jpg" width=24 border=0 />
					</c:if> </a></td>
					<td style="border-bottom:1px dashed #d2d4d2"><a style="font-size: 12px; color: #005EAC"
						href="/group/${userUrl }"><c:out value='${activeUser[0] }' /></a></td>
					<td style="border-bottom:1px dashed #d2d4d2" width=60 nowrap align=center><a style="font-size: 12px; color: #808080"
						href="/group/${userUrl }"><c:out value='${activeUser[1] }' /></a></td>

				</tr>
			</c:forEach>



		</table>
		</div>
		<div id=degrees365
			style="position: relative; width: 100%; margin-top: -5;">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">

			<c:forEach var="activeUser" items="${degrees365 }">
				<c:url value="viewUser${context.postfix}" var="userUrl">
					<c:param name="targetUserName" value="${activeUser[0] }" />
				</c:url>
				<tr>
					<td style="border-bottom:1px dashed #d2d4d2;font-size: 12px; color: #005EAC" width=40 align=center><a
						style="font-size: 12px; color: #005EAC" href="/group/${userUrl }"><c:if
						test="${not empty activeUser[2]&&fn:indexOf(activeUser[2],'upload')!=-1 }">
						<img src="${activeUser[2]}" width=24 border=0 />
					</c:if><c:if
						test="${empty activeUser[2]||fn:indexOf(activeUser[2],'upload')==-1 }">
						<img src="/group/images/avatar/avatar.jpg" width=24 border=0 />
					</c:if> </a></td>
					<td style="border-bottom:1px dashed #d2d4d2"><a style="font-size: 12px; color: #005EAC"
						href="/group/${userUrl }"><c:out value='${activeUser[0] }' /></a></td>
					<td style="border-bottom:1px dashed #d2d4d2" width=60 nowrap align=center><a style="font-size: 12px; color: #808080"
						href="/group/${userUrl }"><c:out value='${activeUser[1] }' /></a></td>

				</tr>
			</c:forEach>



		</table>
		</div>
		</td>
 
	</tr> 
	<tr>



		<td class="bgtd"><br/>
		<table cellspacing=0 cellpadding=0 width=100%
			style="position: relative;  " align=center>
			<tr>
				<td
					style="font-size: 12px; font-weight: bold; color: #808080; border-bottom: 1px solid #d2d2d4">&nbsp;<c:out
					value='${context.user_star }' /></td>
				<td nowrap align=right
					style="border-bottom: 1px solid #d2d2d4; font-size: 12px; color: #808080">${context.focuser}&nbsp;</td>
			</tr>
		</table> 
		<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:5px;">

			<c:forEach var="userStar" items="${userStars }">
				<c:url value="viewUser${context.postfix}" var="userUrl">
					<c:param name="targetUserName" value="${userStar[0]}" />
				</c:url>
				<tr>
					<td style="border-bottom:1px dashed #d2d4d2;font-size: 12px; color: #005EAC" width=40 align=center><a
						style="font-size: 12px; color: #005EAC" href="/group/${userUrl }"><c:if
						test="${not empty userStar[2] &&fn:indexOf(userStar[2],'upload')!=-1 }">
						<img src="${userStar[2]}" width=24 border=0 />
					</c:if><c:if
						test="${empty userStar[2]||fn:indexOf(userStar[2],'upload')==-1 }">
						<img src="/group/images/avatar/avatar.jpg" width=24 border=0 />
					</c:if> </a></td>
					<td style="border-bottom:1px dashed #d2d4d2"><a style="font-size: 12px; color: #005EAC"
						href="/group/${userUrl }"><c:out value='${userStar[0] }' /></a></td>
					<td style="border-bottom:1px dashed #d2d4d2" width=60 nowrap align=center><a style="font-size: 12px; color: #808080"
						href="/group/${userUrl }"><c:out value='${userStar[1] }' /></a></td>

				</tr>
			 
			</c:forEach>



		</table>
		</td>
	</tr>
	<c:if test="${context.p2}">
	<tr>
		<td class="bgtd" align=center><c:import
			url="/group/groupdata_hotgroups.jsp" /></td>
	</tr>
	</c:if>
	<%-- 
	<tr>
		<td class="bgtd" align=center><c:import
			url="/group/groupdata_joinedgroups.jsp" /></td>
	</tr>
 
	--%>
 
	<tr>

		<td class="bgtd">
		<table cellspacing=0 cellpadding=0 width=100%
			style="position: relative;  " align=center>
			<tr>
				<td
					style="font-size: 12px;  color: #808080; border-bottom: 1px solid #d2d2d4">&nbsp;<b><c:out
					value='${context.new_users }' /></b> (${userSize+666 })</td>
				<td nowrap align=right
					style="border-bottom: 1px solid #d2d2d4; font-size: 12px; color: #808080">${context.reg_time }&nbsp;</td>
			</tr>
		</table> 
		<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:5px;">

			<c:forEach var="user" items="${users }">
				<c:url
						value="viewUser${context.postfix}" var="userUrl">
						<c:param name="targetUserName" value="${user.userName }" />
					</c:url>
				<tr>
					<td style="border-bottom:1px dashed #d2d4d2;font-size: 12px; color: #005EAC" width=40 align=center><a
						style="font-size: 12px; color: #005EAC" href="/group/${userUrl }"><c:if
						test="${not empty user.avatar &&fn:indexOf(user.avatar,'upload')!=-1 }">
						<img src="${user.avatar}" width=24 border=0 />
					</c:if><c:if
						test="${empty user.avatar||fn:indexOf(user.avatar,'upload')==-1 }">
						<img src="/group/images/avatar/avatar.jpg" width=24 border=0 />
					</c:if> </a></td>
					<td style="border-bottom:1px dashed #d2d4d2"><a style="font-size: 12px; color: #005EAC"
						href="/group/${userUrl }"><c:out value='${user.userName }' /></a></td>
					<td style="border-bottom:1px dashed #d2d4d2" width=60 nowrap align=center><a style="font-size: 12px; color: #808080"
						href="/group/${userUrl }"><c:out value='${fn:substring(user.regTime,5,10) }' /></a></td>

				</tr>
			 
			</c:forEach>



		</table>
 
		</td>
	</tr>

	<tr>
		<td valign=top><img src="/group/images/bg_bottom.gif" alt="" /></td>
	</tr>
</table>
<script>showUserActivityDegree(31)</script>
</body>
</html>

